<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
            #menu-lateral {
                float: left;
                width: 230px;
                height: 1158px;
                background-color: #888;
                position: absolute;
            }
            #titulo {
                z-index: 100;
                width: 810px;
                height: 80px;
                margin-top: 45px;
                margin-left: 260px;
                float: left;
                position: absolute;
                background-color: #05E986;   
            }
            #cuerpo {
                float: left;
                margin-left: 230px;
                width: 880px;
                height: 100%;
                background-color: #EEF4F5;
                position: absolute;
            }
            #caja1 {
                margin-left: 260px;
                margin-top: 150px;
                float: left;
                width: 122px;
                height: 132px;
                background-color: #244752;
                position: relative;
            }
            #caja2 {
                margin-left: 50px;
                margin-top: 150px;
                float: left;
                width: 122px;
                height: 132px;
                background-color: #244752;
                position: relative;
            }
            #caja3 {
                margin-left: 50px;
                margin-top: 150px;
                float: left;
                width: 122px;
                height: 132px;
                background-color: #244752;
                position: relative;
            }
            #caja4 {
                margin-left: 50px;
                margin-top: 150px;
                float: left;
                width: 122px;
                height: 132px;
                background-color: #244752;
                position: relative;
                
            }
            #caja5 {
                margin-left: 50px;
                margin-top: 150px;
                float: left;
                width: 122px;
                height: 132px;
                background-color: #244752;
                position: relative;
            }
            #contenido {
                width: 880px;
                height: 800px;
                margin-top: 300px;
                margin-left: 230px;
                float: left;
                background-color: #0985AB;
                border-bottom: 1px;
                position: absolute;
            }
            #pie {
                width: 880px;
                height: 58px;
                margin-top: 1100px;
                margin-left: 230px;
                float: left;
                position: absolute;
                background-color: #FDF7BC;
            } 
        </style>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
    </head>
    <body>
            <div id="menu-lateral">Menu</div>
            <div id="titulo">Cabecera</div>
            <div id="cuerpo">cuerpo</div>
            <div id="caja1">Caja 1</div>
            <div id="caja2">Caja 2</div>
            <div id="caja3">Caja 3</div>
            <div id="caja4">Caja 4</div>
            <div id="caja5">Caja 5</div>
            <div id="contenido">Contenido con pestañas</div>
            <div id="pie">Copyright</div>
    </body>
</html>